<template>
    <div class="home-header">
        <div class="header-left">
            <van-icon name="comment-o" size="20"/>
            <span>分类</span>
        </div>
        <div class="search">
            <van-icon name="search"/>
            <span>搜索</span>
        </div>
    </div>
</template>

<script>
export default {
}

</script>

<style lang="scss" scoped>
/deep/ element.style {
    font-size: 15px;
}
/deep/ .van-icon{
   padding-right: 10px;
}
.home-header{
    height: 50px;
    background-color: #f66;
    color:#fff;
    font-size: 14px;
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    align-items: center;
    width: 100%;
    position: fixed;
    left:0;
    top:0;
    z-index: 2;
    .header-left{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .search{
        background: rgba(255,255,255,.3);
        flex:1;
        height: 30px;
        border-radius: 15px;
        display: flex;
        align-items: center;

    }
}
</style>
